<div id="header-info">
  <div id="doc-title">
    <p>
      <b>Title:</b>
      <%= @document.title %>



    </p>
  </div>

  <div id="doc-toolbar">
    
  </div>

  <div id="uploader-info">
    <p>
      <b>Owner:</b>
      <%=  @document.owner_id %>
    </p>
  </div>
</div>  


<div id="view">
  <div id="content-pane" class="content-pane" style="left: 0pt; top: 0pt; width: 1231px; height: 332px;">
    <div id="page-pane">
      <div id="page1">
        <p>
          Uploaded PNG's goes here...
          <%= @document.content %>
        </p>
      </div>
      <div id="page2"></div>
    </div>
  </div>


  <div id="thumb-pane" class="thumb-pane" style="top: 0pt; width: 208px; height: 332px; left: 1231px;">
    <div id="thumb-pane-upper">Buttons here</div>
    <div id="thumb-pane-lower">Page previews here</div>
  </div>
</div>

<div id="doc-info-wrapper">
  <div id="doc-tab-info"></div>
  <b>Controversy Index:</b>
  <%= @document.stdev %> |
  <b>Published:</b>
  <%= @document.created_at %> |
  <b>Author:</b>
  <%= @document.author %> |
  <b>Tags:</b> <% for tag in @document.tags %>
    <%= link_to tag.name, documents_path(:view =>'tag', :tag => tag.name) %><% end %>
  <br/>
  <br/>
  <b>Discussable Rating:</b>
  <%= ratings_for @document, :dimension => :discussable %>
  <br/>
  <b>Description:</b>
  <%= @document.description %>
  <div id="doc-tab-stats">
  </div>
</div>


<div id ="comments-wrapper">
  <br/>
  <%= form_tag :action => "comment", :id => @document %>
  <%= text_area "comment", "body", :rows => 5, :size => 25 %>
  <br/>
  <br/>
  <%= submit_tag "Comment" %>
</form>
<% for comment in @document.comments %>
  <div id="ind-comments">
    <%= comment.body %><br/>
  </div>
<%end%>
</div>


<p>
  <b>Document File:</b>
  <%= image_tag @document.docfile.url%>
</p>


<%= link_to 'Edit', edit_document_path(@document) %> |
<%= link_to 'Back', documents_path %>